<template>
  <!-- <horizontal-screen v-bind="obj" :adapted-callback="adaptedCallback">
    <router-view />
  </horizontal-screen> -->
  <div>
        <!-- 横屏 -->
        <horizontalScreen> 
            <!-- <scaleWrap> -->
                <router-view />
            <!-- </scaleWrap> -->
        </horizontalScreen> 
        <!-- 比例缩放容器 -->
        <!-- swiper -->
        
  </div>
</template>

<script>
import { HorizontalScreen, SwipeWrap } from "vue-horizontal-screen";
import horizontalScreen from "@/components/horizontal-screen"
import scaleWrap from "@/components/scale-wrap"
export default {
  name: "App",
  components: { HorizontalScreen, SwipeWrap,horizontalScreen,
    scaleWrap },
  data() {
    return {
      obj: {
        width: 2001,
        height: 1125,
        cssvar: "hs-var",
        times: 3,
        rotate: 90,
        AdaptEventName: "", //(No longer recommend)Monitor adaptation status events，default is hsAdapt
      },
    };
  },
  methods: {
    adaptedCallback(e) {
      clearTimeout(window.timer);
      window.timer = setTimeout(() => {
        alert("adaptedCallback");
      }, 1000);
    },
  },
};
</script>
// <style lang="scss">
// * {
//   margin: 0;
//   padding: 0;
// }
// html,
// body,
// #app {
//   width: 100%;
//   height: 100%;
//   overflow: hidden;
// }
// </style>
